<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.js"></script>


</head>
<body>
    <form>

        <input placeholder="手机号" id="phone"  name="phone" /><br /><br />
        <input placeholder="密码" name="pwd" /><br /><br />
        <input id="regBtn" type="button" value="登录" />
        <a href="10.html">忘记密码</a>
    </form>

<script>
    $(f);

    function f(){
       $("#regBtn").click(regBtnClick);


    }



    function regBtnClick(){
        // 表单序列化 将表单中要提交给服务器所有数据串成一个字符串
        var params = $("form").serialize();
        // jquery ajax
        $.post("http://web7.hfbdqn.cn/shop/userlogin",
            params,function(data){
            if(data){
                alert("登录成功！");
            }else{
                alert("登录失败！");
            }
        });
    }
</script>
</body>
</html>